/*全局变量*/
:root{
    --base-menu-width: 250px
}
/*下面是关于el-menu的样式修改*/
.el-menu-item:hover {
    background-color: #f0f7ff !important; /* 自定义颜色 */
}
.el-sub-menu__title:hover {
    background-color: #f0f7ff !important;
    border-radius: 10px;
}
/*给el-menu选中的顶级菜单添加样式*/
.is-opened.top > .el-sub-menu__title {
    background: #FFF;
    border-radius: 20px;
    box-shadow: 0 0 15px 5px #f4f4f4;
    color: #1c7bfb;
    transform: scale(1.1);
}
/*取消el-menu默认带有的线条*/
.el-menu-vertical-demo {
    border-right: none !important;
}

/*v-deep表示可以无视scoped进行css穿透*/
/*给el-menu的子菜单添加过渡效果*/
.el-menu-item {
    transition: 0.1s;
}
.el-sub-menu__title {
    transition: 0.1s;
}
/* 当子菜单选中时，将其放大 */
.el-menu-item.is-active {
    transform: scale(1.1);
}

/* 当子菜单选中中，前面的小圆点就显示出来 */
.el-menu-item.is-active .dot {
    opacity: 1;
}

/* 针对 WebKit 浏览器（Chrome / Edge / Electron 等） */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: transparent; /* 轨道背景透明 */
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2); /* 滑块半透明 */
    border-radius: 6px;
    transition: background-color 0.3s;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}